<script lang="ts">
  import { link, push, replace } from "svelte-spa-router";
</script>

<div class="text-center h-full my-10">
    <h1>此页为栏目</h1>

    
  <a href="#/column/details/4" class="mr-5">a标签跳转去栏目详情页</a>
  <a href="/column/5" use:link class="tunderline">use:link跳转去栏目详情页</a>

  <h2>编程式路由</h2>
  <button on:click={()=>push('/column/details/4')} class="bg-blue-500 text-white px-4 py-2 rounded-md mr-5">栏目详情(push)</button>
  <button on:click={()=>replace('/column/details/5')} class="bg-blue-500 text-white px-4 py-2 rounded-md">栏目详情(replace)</button>
</div>